<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="${ctxStatic}/yhcg/css/animation.css"/>
    <link rel="stylesheet" type="text/css" href="${ctxStatic}/yhcg/css/common.css"/>
    <link rel="stylesheet" type="text/css" href="${ctxStatic}/yhcg/css/index.css"/>
    <link rel="stylesheet" type="text/css" href="${ctxStatic}/yhcg/css/schedule.css">
    <script src="${ctxStatic}/yhcg/js/schedule.js"></script>
    <script src="${ctxStatic}/yhcg/js/jquery-1.11.0.min.js"></script> 
<title>首页</title>
</head>
<body>
<!-- <div class="header-top clearfix">
    <div class="header-title fl">瑶海区城管指挥考评系统</div>
    <div class="header-right fr">
        <ul>
            <li class="changePassword">修改密码</li>
            <li class="layout">安全退出</li>
            <li class="system">系统管理员</li>
        </ul>
    </div>
</div> -->
<div class="container">
   <%--  <div class="side-left">
        <div class="show-hide-btn">  </div>
        <div class="side-photo">
            <img src="${ctxStatic}/yhcg/images/photo.png">
            <div class="side-state">1人</div>
        </div>
        <div class="side-list">
            <ul>
                <li><i></i><span class="icon icon-home"></span><span class="nav-title">我的首页</span></li>
                <li><i></i><span class="icon icon-info"></span><span class="nav-title">信息登记</span>
                    <div class="info-spread" style="display: none">
                        <ul>
                            <li>
                                <span class="icon icon-info1"></span><span>信息登记</span>
                            </li>
                            <li>
                                <span class="icon icon-info2"></span><span>已信息登记</span>
                            </li>
                        </ul>
                    </div>
                </li>
                <li><i></i><span class="icon icon-check"></span><span class="nav-title">延期审核</span></li>
                <li><i></i><span class="icon icon-analyze"></span><span class="nav-title">结案分析</span></li>
                <li><i></i><span class="icon icon-infoSearch"></span><span class="nav-title">信息查询</span></li>
                <li><i></i><span class="icon icon-home"></span><span class="nav-title">我的首页</span></li>
                <li><i></i><span class="icon icon-info"></span><span class="nav-title">信息登记</span></li>
                <li><i></i><span class="icon icon-check"></span><span class="nav-title">延期审核</span></li>
                <li><i></i><span class="icon icon-analyze"></span><span class="nav-title">结案分析</span></li>
                <li><i></i><span class="icon icon-infoSearch"></span><span class="nav-title">信息查询</span></li>
            </ul>
        </div>
        <div class="side-more"></div>
    </div> --%>
    <div class="side-right" style="width: 99%;">
        <div class="side-top" style="width: 99%;">
            <span><a href="#" ><font  style="color: blue;">我的首页</font></a> </span>
        </div>
        <div class="side-content">
            <div class="side-content-date">
                <div class="side-box" style="width: 33.3%">
                    <div class="side-box-icon"   style="width: 65px"></div>
                    <div class="side-box-one" style="width: 34%">
                        <div class="title-num">
                            <div class="title y_title">待处理</div>
                            <div class="num">92件</div>
                        </div>
                        <div class="cicle-box cicle-box-y cicle-box-70">
                            <div class="load_left cicle-load-70"><span></span></div>
                            <div class="load_right cicle-load-70"><span></span></div>
                            <div class="inner inner-60"><span>36</span>%</div>
                        </div>
                    </div>
                    <div class="side-box-two" style="width: 34%">
                        <div class="title-num">
                            <div class="title">逾期</div>
                            <div class="num">5件</div>
                        </div>
                        <div class="cicle-box cicle-box-y">
                            <div class="load_left cicle-load-60"><span></span></div>
                            <div class="load_right cicle-load-60"><span></span></div>
                            <div class="inner"><span>36</span>%</div>
                        </div>
                    </div>
                </div>
                <div class="side-box" style="width: 33.3%">
                    <div class="side-box-icon1" style="width:65px"></div>
                    <div class="side-box-one"  style="width:34%">
                        <div class="title-num">
                            <div class="title b_title">在办</div>
                            <div class="num">92件</div>
                        </div>
                        <div class="cicle-box cicle-box-b cicle-box-70">
                            <div class="load_left cicle-load-70"><span></span></div>
                            <div class="load_right cicle-load-70"><span></span></div>
                            <div class="inner inner-60"><span>36</span>%</div>
                        </div>
                    </div>
                    <div class="side-box-two" style="width: 34%">
                        <div class="title-num">
                            <div class="title">逾期</div>
                            <div class="num">5件</div>
                        </div>
                        <div class="cicle-box cicle-box-b">
                            <div class="load_left cicle-load-60"><span></span></div>
                            <div class="load_right cicle-load-60"><span></span></div>
                            <div class="inner"><span>36</span>%</div>
                        </div>
                    </div>
                </div>
                <div class="side-box" style="width: 33.3%">
                    <div class="side-box-icon2" style="width: 65px"></div>
                    <div class="side-box-one" style="width: 34%">
                        <div class="title-num">
                            <div class="title r_title">已办</div>
                            <div class="num">92件</div>
                        </div>
                        <div class="cicle-box cicle-box-r cicle-box-70">
                            <div class="load_left cicle-load-70"><span></span></div>
                            <div class="load_right cicle-load-70"><span></span></div>
                            <div class="inner inner-60"><span>36</span>%</div>
                        </div>
                    </div>
                    <div class="side-box-two" style="width: 34%">
                        <div class="title-num">
                            <div class="title">逾期</div>
                            <div class="num">5件</div>
                        </div>
                        <div class="cicle-box cicle-box-r">
                            <div class="load_left cicle-load-60"><span></span></div>
                            <div class="load_right cicle-load-60"><span></span></div>
                            <div class="inner"><span>36</span>%</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="side-content-list clearfix">
                <div class="side-cont-left fl">
                    <div class="side-template">
                        <div class="template-title pending-title">待处理件（1项）<i>更多>></i></div>
                        <div class="template-list">
                            <ul>
                                <li>
                                    <span>合肥：通报四起发生在群众身边的在群众发生在群众身边的</span>
                                    <span class="time">2016-04-05</span>
                                </li>
                                <li>
                                    <span>合肥：通报四起扶贫领域违规违纪在群</span>
                                    <span class="time">2017-04-05</span>
                                </li>
                                <li>
                                    <span>合肥：通报四起违反中央八项规定汪学汪学汪汪在群</span>
                                    <span class="time">2017-04-05</span>
                                </li>
                                <li>
                                    <span>市政协机关突出“三个从严”推汪学进严严”推汪学进在</span>
                                    <span class="time">2017-04-04</span>
                                </li>
                                <li>
                                    <span>《中国纪检监察报》坚持三项原汪学严则严”推汪学</span>
                                    <span class="time">2017-04-04</span>
                                </li>
                                <li>
                                    <span>合肥：通报四起扶贫领域违规违纪在群在群众</span>
                                    <span class="time">2017-04-04</span>
                                </li>
                                <li>
                                    <span>市委常委、市纪委书记汪学致两节汪学汪学</span>
                                    <span class="time">2017-04-04</span>
                                </li>
                                <li>
                                    <span>合肥：通报四起违反中央八项规定汪学汪学汪</span>
                                    <span class="time">2017-04-04</span>
                                </li>
                                <li>
                                    <span>市政协机关突出“三个从严”推汪学进严严”</span>
                                    <span class="time">2017-04-04</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="side-template clearfix">
                        <div class="side-template-left fl">
                            <div class="template-title pending-overdue">逾期未处理件<i>更多>></i></div>
                            <div class="template-list">
                                <ul>
                                    <li>
                                        <span>合肥：通报四起发生在群众身边的</span>
                                        <span class="time">2016-04-05</span>
                                    </li>
                                    <li>
                                        <span>合肥：通报四起扶贫领域违规违</span>
                                        <span class="time">2017-04-05</span>
                                    </li>
                                    <li>
                                        <span>合肥：通报四起违反中央八项规</span>
                                        <span class="time">2017-04-05</span>
                                    </li>
                                    <li>
                                        <span>市政协机关突出“三个从严”推汪学进</span>
                                        <span class="time">2017-04-04</span>
                                    </li>
                                    <li>
                                        <span>《中国纪检监察报》坚持三项原汪学严则</span>
                                        <span class="time">2017-04-04</span>
                                    </li>
                                    <li>
                                        <span>合肥：通报四起扶贫领域违规违纪在</span>
                                        <span class="time">2017-04-04</span>
                                    </li>
                                    <li>
                                        <span>市委常委、市纪委书记汪学致两节汪学</span>
                                        <span class="time">2017-04-04</span>
                                    </li>
                                    <li>
                                        <span>合肥：通报四起违反中央八项规定</span>
                                        <span class="time">2017-04-04</span>
                                    </li>
                                    <li>
                                        <span>市政协机关突出“三个从严”推汪学进严严</span>
                                        <span class="time">2017-04-04</span>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="side-template-right fr">
                            <div class="template-title pending-message">未读通知<i>更多>></i></div>
                            <div class="template-list">
                                <ul>
                                    <li>
                                        <span>合肥：通报四起发生在群众身边的</span>
                                        <span class="time">2016-04-05</span>
                                    </li>
                                    <li>
                                        <span>合肥：通报四起扶贫领域违规违纪</span>
                                        <span class="time">2017-04-05</span>
                                    </li>
                                    <li>
                                        <span>合肥：通报四起违反中央八项规定汪</span>
                                        <span class="time">2017-04-05</span>
                                    </li>
                                    <li>
                                        <span>市政协机关突出“三个从严”推汪学进</span>
                                        <span class="time">2017-04-04</span>
                                    </li>
                                    <li>
                                        <span>《中国纪检监察报》坚持三项原汪学</span>
                                        <span class="time">2017-04-04</span>
                                    </li>
                                    <li>
                                        <span>合肥：通报四起扶贫领域违规违纪在</span>
                                        <span class="time">2017-04-04</span>
                                    </li>
                                    <li>
                                        <span>市委常委、市纪委书记汪学致两节汪学</span>
                                        <span class="time">2017-04-04</span>
                                    </li>
                                    <li>
                                        <span>合肥：通报四起违反中央八项规定汪学汪学</span>
                                        <span class="time">2017-04-04</span>
                                    </li>
                                    <li>
                                        <span>市政协机关突出“三个从严”推汪学进严严”</span>
                                        <span class="time">2017-04-04</span>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="side-cont-right fr">
                    <div class="side-template side-calendar-box">
                        <div class="side-calendar" id="side-calendar">

                        </div>
                        <div class="side-calendar-cms clearfix">
                            <div class="side-calendar-cms-box fl">
                                <div class="side-calendar-cms-content">无内容</div>
                                <div class="side-calendar-cms-line"></div>
                                <div class="side-calendar-cms-content">无内容</div>
                                <div class="side-calendar-cms-line"></div>
                            </div>
                            <div class="side-calendar-cms-button fr"><img src="${ctxStatic}/yhcg/images/add.png"></div>
                        </div>
                    </div>
                    <div class="side-template">
                        <div class="template-title private-message">站内消息<i>更多>></i></div>
                        <div class="template-list">
                            <ul>
                                <li>
                                    <span>合肥：通报四起发生在群</span>
                                    <span class="time">2016-04-05</span>
                                </li>
                                <li>
                                    <span>合肥：通报四起扶贫领域违</span>
                                    <span class="time">2017-04-05</span>
                                </li>
                                <li>
                                    <span>合肥：通报四起违反中央八</span>
                                    <span class="time">2017-04-05</span>
                                </li>
                                <li>
                                    <span>市政协机关突出“三个从严”</span>
                                    <span class="time">2017-04-04</span>
                                </li>
                                <li>
                                    <span>《中国纪检监察报》坚持三项原汪学严</span>
                                    <span class="time">2017-04-04</span>
                                </li>
                                <li>
                                    <span>合肥：通报四起扶贫领域违规违纪在群</span>
                                    <span class="time">2017-04-04</span>
                                </li>
                                <li>
                                    <span>市委常委、市纪委书记汪学致两节</span>
                                    <span class="time">2017-04-04</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script type="application/javascript">
    $(document).ready(function(){
        var leftRot = $(".cicle-box .load_left"),
            rightRot = $(".cicle-box .load_right"),
            showVal = $(".cicle-box .inner span");

        function rotControl(e) {
            //var target = e.target,
                val = 36 /100 * 360;
            console.log(val);
            if (val <= 180) {
                rightRot.css({'transform':'rotate(' + val + 'deg)'});
                leftRot.css({'transform':'rotate(0deg)'});
            }
            if (val>180) {
                rightRot.css({'transform':'rotate(180deg)'});
                leftRot.css({'transform':'rotate(' + (val - 180) + 'deg)'});
            }


        }
        rotControl();

        //隐藏左侧栏
        $('.show-hide-btn').click(function () {
            var navTitle = $('.side-list .nav-title');
            var navTitleDisPlay = navTitle.css('display');
            if(navTitleDisPlay == 'none'){
                $('.side-list .nav-title').show();
                $('.side-left').css({'width':'140px'});
                $('.side-photo').css({'padding':'8px 0px'});
                this.innerHTML = '<';
            }else{
                $('.side-list .nav-title').hide();
                $('.side-left').css({'width':'60px'});
                $('.side-photo').css({'padding-top':'25px'});
                this.innerHTML = '>>';
            }
        });
        var $list = $(".side-list");
        $list.find("ul li").on(".click",function () {
            var target = $(this);
            target.find(".info-spread").toggle();
        })

    });

    var mySchedule = new Schedule({
        el: '#side-calendar',
        //date: '2018-9-20',
        clickCb: function (y,m,d) {
            document.querySelector('#h3Ele').innerHTML = '日期：'+y+'-'+m+'-'+d
        },
        nextMonthCb: function (y,m,d) {
            document.querySelector('#h3Ele').innerHTML = '日期：'+y+'-'+m+'-'+d
        },
        nextYeayCb: function (y,m,d) {
            document.querySelector('#h3Ele').innerHTML = '日期：'+y+'-'+m+'-'+d
        },
        prevMonthCb: function (y,m,d) {
            document.querySelector('#h3Ele').innerHTML = '日期：'+y+'-'+m+'-'+d
        },
        prevYearCb: function (y,m,d) {
            document.querySelector('#h3Ele').innerHTML = '日期：'+y+'-'+m+'-'+d
        }
    });

</script>
</html>